<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- jQuery 封装了js中的DOM -->
		
		<!-- 1. 先引入 jquery 的js文件
		jquery.js 非压缩
		jquery.min.js   min 压缩 -->
		<!-- 2.使用 -->
		
		<div>1111</div>
		
		<script src="jquery.min.js"></script>
		<script>
			//1. 先找节点
			
			// //DOM版
			// let divbox=document.querySelector("div");
			// console.log(divbox);
			
			// //divbox.style.backgroundColor="red";
			
			// //jq版  $(选择器)----集合
			// console.log($("div"));
			
			// $("div").css("background-color","red");
			
			//$("div").style.backgroundColor="red";
			//jq和DOM 不能混用
			
			//jq--->DOM
			//1. 通过索引  $("div")[0]  DOM
			//2. 通过 get(index)   $("div").get(0)
			
			//$("div")[0].style.backgroundColor="red";
			//$("div").get(0).style.backgroundColor="red";
			
			//DOM--->jq
			// $()
			let divbox=document.querySelector("div");
			$(divbox).css("color","red");
		</script>
	</body>
</html>
